<template>
  <div class="footer">
    <router-link to='/home'>
      <div class="header-left">
        <div class="iconfont back-icon">首页</div>
      </div>
    </router-link>
    <router-link to='/sort'>
      <div class="header-right">
        <span class="iconfont arrow-icon">排行</span>
      </div>
    </router-link>
    <router-link to='/booklist'>
      <div class="header-right">
        <span class="iconfont arrow-icon">书单</span>
      </div>
    </router-link>
    <router-link to='/mine'>
      <div class="header-right">
        <span class="iconfont arrow-icon">我的</span>
      </div>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader',
  computed: {
    
  }
}
</script>